@import '../iconfont/variables';
@import '../iconfont/mixins';

$material-icons-css-prefix: 'mi' !default;
$material-icons-css-search: '_' !default;
$material-icons-css-replace: '-' !default;

.#{$material-icons-css-prefix} {
  @include material-icons();
}

@each $name in 'Outlined', 'Round', 'Sharp', 'Two Tone' {
  $font-family: 'Material Icons #{$name}';
  $class-name: material-icons-str-replace(to-lower-case($name), ' ', '-');

  .#{$material-icons-css-prefix}-#{$class-name} {
    @extend #{'.' + $material-icons-css-prefix};
    font-family: $font-family;
  }
}

@each $name, $codepoint in $material-icons-codepoints {
  $class-name: material-icons-str-replace(
    $name,
    $material-icons-css-search,
    $material-icons-css-replace
  );

  .#{$material-icons-css-prefix}-#{$class-name} {
    @include material-icon($name);
  }
}
